<template>
<div class="modal">
    <slot></slot>
    <button @click="$emit('close')">Close</button>
    
</div>
</template>

<script>
export default {
    emits:["close"]
}
</script>

<style  scoped>
.modal{
    width: 30%;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
/*     border: 1px solid red; */
    background: rgb(179, 176, 176);
    border-radius: 20px;
    text-align: center;
}
 /* p 标签 */
::v-slotted(p){
    font-style: italic;
    font-size: 30px;
    color: red;
}
</style>
